//优惠券列表页

$(function(){
    //获取id
    var str=location.search;
    var couponId=str.split("=")[1];
    //   优惠券列表
    $.ajax({
        url:"http://192.168.105.254/api/getcouponproduct",
        // type:"get",
        data:{couponid:couponId},
        dataType:"json",
        success:function(res){
            console.log(res);
            var html=template("couponproductTmp",res);
            $(".coupon-list").html(html);

        }
    });

  
    var index=null;
    $(".coupon-list").on("click",".coupon-list li",function(){
        $(".previewImg").removeClass("off");
        index=$(this).index();
        // var index=$(this).attr("data-index");
        console.log(index);
        //获取下面图片的链接
        var imgSrc=$(this).find("img").attr("src");
        console.log(imgSrc);
        //将图片链接传值
        $(".previewImg img").attr("src",imgSrc);
    });
    $(".previewImg").on("click",function(){
        $(this).addClass("off");
    });
    // 阻止事件冒泡
    $(".previewImg .img-box").on("click",function(e){
        e.stopPropagation();
    });
    $(".previewImg .prev-img").on("click",function(e){
        e.stopPropagation();
    });
    $(".previewImg .next-img").on("click",function(e){
        e.stopPropagation();
    });

    //注册上下图片点击事件
    $(".prev-img").on("click",function(){
        console.log(index);
        index--;
        
        //获取下一张图片的链接
        var imgSrc=$(".coupon-list li").eq(index).find("img").attr("src");
        //如果是最后一张就停止执行
        if (typeof imgSrc=="undefined") {
            return;
        }
        console.log(imgSrc);
        //将图片链接赋值
        $(".previewImg img").attr("src",imgSrc);
    });

    $(".next-img").on("click",function(){
        console.log(index);
        index++;
        //获取下一张图片的链接
        var imgSrc=$(".coupon-list li").eq(index).find("img").attr("src");
        //如果是最后一张就停止执行
        if (typeof imgSrc=="undefined") {
            return;
        }
        console.log(imgSrc);
        //将图片链接赋值
        $(".previewImg img").attr("src",imgSrc);
    });

})